

<!-- 申请售后 -->
<template>
	<view>
		<view class="title">
			<image :src="icon.return" class="return" @tap="back"></image>
			<view class="search-input">申请售后</view>
			<image class="btn-icon" :src="icon.msgCenter"></image>
		</view>
		<view v-if="goodsList && goodsList.length" class="list">
			<goodListAfterSale :list='goodsList'></goodListAfterSale>
		</view>
		<g-empty v-else></g-empty>
	</view>
</template>

<script>
	import goodListAfterSale from '@/components/goodList/goodList-afterSale';
	
	export default {
		components: {
			goodListAfterSale
		},
		data() {
			return {
				
					icon:{
						return: '/static/images/order/return.png',
						msgCenter: '/static/images/common/msg-center.png',
					},
					goodsList: []
				};
		},

		onLoad(options) {

		},
		onShow() {

		},

		methods: {

			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			beSearch() {}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f5f5f5;
	}

// 顶部栏
.title {
	background-color: white;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 34rpx;
	color: #000;
		/* #ifndef APP-PLUS */
		height: 88rpx;
		/* #endif */
		/* #ifdef APP-PLUS */
		height: 176rpx;
		padding-top:88rpx;
		/* #endif */
	overflow: hidden;
	z-index: 10;
	margin-bottom: 8rpx;
	.return {
		width: 44rpx;
		height: 44rpx;
		margin-left: 19rpx;
	}

	.btn-icon {
		width: 50rpx;
		height: 51rpx;
		margin-left: 35rpx;
		font-size: 25rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.search-input {
		margin-left: 31rpx;
		position: relative;
		width: 540rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333333;
		font-size: 34rpx;
		font-weight: bold;
	}
}
.list{
	padding-left: 30rpx;
	background: white;
	padding-top: 45rpx;
}
</style>
